import Vue from "vue";
import Vuex from "vuex";
//解决vuex存储数据刷新页面数据丢失的问题
import VueXAlong from "vuex-along";
import state from "@/vuex/state";
import mutations from "@/vuex/mutations";
import actions from "@/vuex/actions";
import getters from "@/vuex/getters";

Vue.use(Vuex);

export default new Vuex.Store({
    state,
    mutations,
    actions,
    getters,
    //解决vuex存储数据刷新页面数据丢失的问题
    plugins:[VueXAlong({
        name:"along",
        // local:{list:[],isFilter:true},
        // session:false//将数据存储到sessionStorage当中 浏览器关闭数据没有，刷新数据有 
        local:false,
        session:{list:[],isFilter:true}//将数据存储到sessionStorage当中 浏览器关闭数据没有，刷新数据有
    })]
})

/* 
vuex存储数据当刷新页面数据丢失的现象，如何解决？
将数据存储到localStorage或sessionStorage当中
所有收集到的数据都存放到localStorage或sessionStorage，state的数据是从localStorage或sessionStorage
我经常使用的包vuex-along，有其他的包可以完成该效果吗有，  vuex-persistedstate  vuex-persist
*/